﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Register.ascx.cs" Inherits="UserControls_Register" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="Login.ascx" TagName="Login" TagPrefix="uc1" %>
<style type="text/css">
    .menuleft_small
    {
        width: 150px;
    }
    .menuleft_lagre
    {
        width: 200px;
    }
    .errorMessage
    {
        color: Red;
    }
</style>

<script type="text/javascript">

    function Validator(ControlClick)
    {   var message = new Array();
        var ControlID = new Array();
        var ControlDislayMessage = new Array();
        
        message[0] = 'Không được trống';
        message[1] = 'Không được trống';
        message[2] = 'Không được trống';
        message[3] = 'Không được trống';
        message[4] = 'Không được trống';
        message[5] = 'Không được trống';
        
        ControlID[0] = document.getElementById('<%=TextBox_UserName.ClientID%>');
        ControlID[1] = document.getElementById('<%=TextBox_Password.ClientID%>');
        ControlID[2] = document.getElementById('<%=TextBox_ConfirmPassword.ClientID%>');
        ControlID[3] = document.getElementById('<%=TextBox_FirstName.ClientID%>');
        ControlID[4] = document.getElementById('<%=TextBox_LastName.ClientID%>');
        ControlID[5] = document.getElementById('<%=TextBox_Email.ClientID%>');
                
        ControlDislayMessage[0] = document.getElementById('<%=Label_CheckUserName.ClientID%>');
        ControlDislayMessage[1] = document.getElementById('<%=Label_CheckPassword.ClientID%>');
        ControlDislayMessage[2] = document.getElementById('<%=Label_CheckConfirmPassword.ClientID%>');
        ControlDislayMessage[3] = document.getElementById('<%=Label_CheckFirstName.ClientID%>');
        ControlDislayMessage[4] = document.getElementById('<%=Label_CheckLastName.ClientID%>');
        ControlDislayMessage[5] = document.getElementById('<%=Label_CheckEmail.ClientID%>');
        var Count = 0;
        var Error = true;
        var Content;
        while (Count < ControlClick)
        {
            if(ControlID[Count].value.length == 0)
            {
                ControlDislayMessage[Count].innerHTML = message[Count];
                if(Error)
                {
                    ControlID[Count].focus();
                    Error = false;
                }
            }
            else
            {
                ControlDislayMessage[Count].innerHTML = null;
            }
            ++Count;
        }
        CheckUserName(ControlID[0].value);
        if(Count > 2)
            CheckConfirmPassword();
        if(Count > 5)
            ValidateEmail();
        return Error;
    }
    
    function CheckConfirmPassword()
    {
        var Password = document.getElementById('<%=TextBox_Password.ClientID%>');
        var ConfirmPassword = document.getElementById('<%=TextBox_ConfirmPassword.ClientID%>');
        if(Password.value.length > 0)
        {
            if(Password.value != ConfirmPassword.value)
            {
                document.getElementById('<%=Label_CheckConfirmPassword.ClientID%>').innerHTML = 'Không khớp';
                ConfirmPassword.focus();
                return false;
            }
            else
            {
                document.getElementById('<%=Label_CheckConfirmPassword.ClientID%>').innerHTML = 'OK';
                return true;
            }
        }
    }
    
    function ValidateEmail()
    {        
        var address = document.getElementById('<%=TextBox_Email.ClientID%>').value;
        if(address.length > 0)
        {
            var atpos = address.indexOf("@");
            var dotpos = address.lastIndexOf(".");
            var space = address.indexOf(" "); 
            if (atpos < 1 || dotpos < (atpos + 2) || (dotpos + 2) >= address.length || space != -1)
            {
                document.getElementById('<%=Label_CheckEmail.ClientID%>').innerHTML = 'Không hợp lệ';
                return false;
            }
            else
            {
                document.getElementById('<%=Label_CheckEmail.ClientID%>').innerHTML = 'OK';
                return true;
            }
        }
    }
    
    function CheckUserName(UserName)
    {
        if(UserName.length > 0)
        {
            if(UserName.indexOf(" ") != -1 || isNaN(UserName.substring(0,1)) == false)
            {
                document.getElementById('<%=Label_CheckUserName.ClientID%>').innerHTML = 'Tên không được chứa dấu cách và không bắt đầu bằng số';
                return false;
            }
            return true;
        }
    }
    function showHide(id)
   {
       var el = document.getElementById(id);
       if(el.style.display == 'none')
       {
           el.style.display = 'block';
       }
       else
       {
           el.style.display = 'none';
       }
   }
    
</script>

<div class="post">
    <div class="postheader">
        <h1>
            Đăng nhập</h1>
    </div>
</div>
<div class="postcontent">
    <p>
        <uc1:Login ID="Login1" runat="server" />
    </p>
    <p>
        <a href="#" onclick="showHide('<%=Panel1.ClientID%>');
">Chưa có tài khoản. Bấm vào đây để đăng kí.</a>
    </p>
</div>
<asp:Panel ID="Panel1" runat="server">
    <div class="post">
        <div class="postheader">
            <h1>
                Đăng kí tài khoản</h1>
        </div>
    </div>
    <div class="postcontent">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <p>
            <table style="width: 100%; font-size: 12px">
                <tr>
                    <td style="width: 25%">
                        Tên tài khoản
                    </td>
                    <td style="width: 75%">
                        <asp:TextBox ID="TextBox_UserName" runat="server" MaxLength="30" CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckUserName" runat="server" CssClass="errorMessage" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Mật khẩu:
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox_Password" TextMode="Password" onclick='javascript:return Validator(1)' runat="server"
                            MaxLength="30" CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckPassword" runat="server" CssClass="errorMessage" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Xác nhận mật khẩu:
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox_ConfirmPassword" TextMode="Password" onclick='javascript:return Validator(2)'
                            onchange='javascript:return CheckConfirmPassword()' runat="server" MaxLength="30"
                            CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckConfirmPassword" runat="server" CssClass="errorMessage"
                            Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Họ:
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox_FirstName" runat="server" onclick='javascript:return Validator(3)'
                            MaxLength="30" CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckFirstName" runat="server" CssClass="errorMessage" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên:
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox_LastName" runat="server" onclick='javascript:return Validator(4)'
                            MaxLength="30" CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckLastName" runat="server" CssClass="errorMessage" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <%--<td>
                Ngày sinh:
            </td>
            <td>
                <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Culture="Vietnamese (Vietnam)"
                    FocusedDate="1990-05-01" MaxDate="2000-12-31" MinDate="1950-01-01" SelectedDate="1990-05-01"
                    Skin="Hay">
                    <Calendar ID="Calendar1" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"
                        ViewSelectorText="x" Skin="Hay">
                    </Calendar>
                    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                    <DateInput ID="DateInput1" runat="server" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy"
                        SelectedDate="1990-05-01">
                    </DateInput>
                </telerik:RadDatePicker>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ValidationGroup="RegisterValidator"
                    runat="server" ControlToValidate="RadDatePicker1" ErrorMessage="Không được bỏ trống"></asp:RequiredFieldValidator>--%>
                    </td>
                </tr>
                <tr>
                    <td>
                        Địa chỉ email:
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox_Email" onclick='javascript:return Validator(5)' onchange='javascript:return ValidateEmail()'
                            runat="server" MaxLength="50" CssClass="menuleft_small"></asp:TextBox>
                        *
                        <asp:Label ID="Label_CheckEmail" runat="server" CssClass="errorMessage" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Hình đại diện
                    </td>
                    <td>
                        <asp:FileUpload ID="FileUpload_Avatar" runat="server" CssClass="menuleft_lagre" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Mã xác nhận:
                    </td>
                    <td>
                        <telerik:RadCaptcha ID="RadCaptcha_Confirm" runat="server" CaptchaLinkButtonText="Chọn mã khác"
                            CaptchaTextBoxLabel="<br/>Nhập mã xác nhận trong hình" EnableRefreshImage="True"
                            ErrorMessage="Sai mã xác nhận" Display="Dynamic" ToolTip="Nhập mã xác nhận" ValidationGroup="RegisterValidator">
                            <CaptchaImage TextLength="6" Width="225" UseRandomFont="False" FontWarp="High" TextColor="Black" />
                        </telerik:RadCaptcha>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <asp:Label ID="Label_Result" runat="server" ForeColor="Red"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <asp:Button ID="Button_Register" runat="server" ValidationGroup="RegisterValidator"
                            Text="Đăng ký" OnClientClick="return Validator(6)" OnClick="Button_Register_Click" />
                    </td>
                </tr>
            </table>
        </p>
    </div>
</asp:Panel>
